.filter-pill {
  &__label {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    border: 1px solid $ui-fleet-black-25;
    border-radius: $border-radius;
    box-shadow: none;
    color: $core-fleet-black;
    font-size: $xx-small;
    font-weight: $bold;
    cursor: default;
    gap: $small;

    button {
      margin: -$pad-small; // Keep button padding from affecting parent padding
    }

    .premium-icon-tip {
      .premium-feature-icon {
        position: relative;
        margin-right: 6px;
      }
    }
  }

  &__tooltip-text {
    @include ellipse-text(166px);
  }
}
